{extend name='base_html/base'/}
{block name="style"}
<style>

    * {
        margin: 0;
        padding: 0;
    }

    body {
        background-color: #eeeeee;
    }

    .container {
        width: 960px;
        height: 350px;
        margin: 60px auto;
        background: grey;
    }

</style>
{/block}
{block name="main"}
<div class="container">
    <div style="width:500px;height:250px;background: #ccc;position: relative;top: 200px"></div>
    <div style="background:blue;position: relative;height: 50px;top: 50px;">
    </div>
    <div style="width:500px;height:250px;background: red;position: relative;top: 200px"></div>
</div>
{/block}